<!DOCTYPE html>
<html lang="en">
	<head>
		<title>编辑订单</title>
		<!--#include file="/pages/common/head.html"-->
		<link rel="stylesheet" href="/resources/css/datepicker.css" />
	</head>

	<body>
		<!--#include file="/pages/common/header.html"-->

		<div class="main-container" id="main-container">
			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<!--#include file="/pages/common/sidebar.html"-->

					<ul class="nav nav-list">
						<li>
							<a href="majorList.html">
								<i class="icon-user"></i>
								<span class="menu-text"> 商品管理 </span>
							</a>
							<ul class="submenu">
								<li>
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										商品列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加商品
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="studentInfoList.html">
								<i class="icon-list"></i>
								<span class="menu-text"> 供应商管理 </span>
							</a>
							<ul class="submenu">
								<li class="active">
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										供应商列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加供应商
									</a>
								</li>
							</ul>
						</li>

						<li class="">
							<a href="studentInfoList.html">
								<i class="icon-file"></i>
								<span class="menu-text"> 会员管理 </span>
							</a>
							<ul class="submenu">
								<li class="active">
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										会员列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加会员
									</a>
								</li>
							</ul>
						</li>

						<li  class="active">
							<a href="studentInfoList.html">
								<i class="icon-check"></i>
								<span class="menu-text"> 借阅管理 </span>
							</a>
							<ul class="submenu">
								<li>
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										订单列表
									</a>
								</li>
								<li class="active">
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加订单
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										预约订单列表
									</a>
								</li>
							</ul>
						</li>

					</ul><!-- /.nav-list -->
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">音像商店管理系统</a>
							</li>
							<li>订单管理</li>
							<li class="active">编辑订单</li>
						</ul><!-- .breadcrumb -->
					</div>

					<div class="page-content">
						<div class="page-header">
							<h1>
								编辑订单
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
									  	<form class="form-horizontal" role="form" method="" action="">
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 订单编号 </label>

												<div class="col-sm-9">
													<input type="text" placeholder="订单编号" class="col-xs-10 col-sm-5" name="id" value="" />&nbsp; &nbsp; &nbsp;
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 商品编号 </label>

												<div class="col-sm-9">
													<input type="text" placeholder="商品编号" class="col-xs-10 col-sm-5" name="productId" value="" />&nbsp; &nbsp; &nbsp;
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 会员编号 </label>

												<div class="col-sm-9">
													<input type="text" placeholder="会员编号" class="col-xs-10 col-sm-5" name="memberId" value="" />&nbsp; &nbsp; &nbsp;
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 订单状态 </label>

												<div class="col-sm-9">
													<select class="col-sm-5" name="status" value="">
														<option value="0">状态1</option>
														<option value="1">状态2</option>
														<option value="2">状态3</option>
														<option value="3">状态4</option>
													</select>
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 时间 </label>

												<div class="col-sm-4">
													<div class="input-group">
														<input class="form-control date-picker" type="text" data-date-format="dd-mm-yyyy" name="time" value="" />
														<span class="input-group-addon">
															<i class="icon-calendar bigger-110"></i>
														</span>
													</div>
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 创建时间 </label>

												<div class="col-sm-4">
													<div class="input-group">
														<input class="form-control date-picker" type="text" data-date-format="dd-mm-yyyy" name="createdTime" value="" />
														<span class="input-group-addon">
															<i class="icon-calendar bigger-110"></i>
														</span>
													</div>
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 最近修改时间 </label>

												<div class="col-sm-4">
													<div class="input-group">
														<input class="form-control date-picker" type="text" data-date-format="dd-mm-yyyy" name="lastModifiedTime" value=""/>
														<span class="input-group-addon">
															<i class="icon-calendar bigger-110"></i>
														</span>
													</div>
												</div>
											</div>

											<div class="space-4"></div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 订单备注 </label>

												<div class="col-sm-9">
													<textarea placeholder="请输入订单备注" class="col-sm-5"name="desc" value="" ></textarea>&nbsp; &nbsp; &nbsp;
												</div>
											</div>

											<div class="clearfix form-actions">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-info" type="submit">
														<i class="icon-ok bigger-110"></i>
														保存
													</button>

													&nbsp; &nbsp; &nbsp;
													<button class="btn" type="reset">
														<i class="icon-undo bigger-110"></i>
														重置
													</button>
												</div>
											</div>
										</form>
									</div>
								</div><!-- /row -->
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!--#include file="/pages/common/footer.html"-->
		<script src="/resources/js/bootstrap-datepicker.min.js"></script>
		<script type="text/javascript" src="/resources/js/jquery.validate.min.js"></script>
		<script type="text/javascript">
		$(function($){
			$('form').validate({
				errorElement: 'div',
				errorClass: 'help-block',
				focusInvalid: false,
				rules: {
					id: {
						required: true
					}
				},
		
				messages: {
					id: {
						required: "请输入订单编号"
					}
				},
				invalidHandler: function (event, validator) { //display error alert on form submit   
					$('.alert-danger', $('.login-form')).show();
				},
				highlight: function (e) {
					$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
				},
				success: function (e) {
					$(e).closest('.form-group').removeClass('has-error').addClass('has-info');
					$(e).remove();
				},
				errorPlacement: function (error, element) {
					error.insertAfter(element);
				},
				submitHandler: function (form) {
					form.submit();
				},
				invalidHandler: function (form) {
				}
			});
			$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
				$(this).prev().focus();
			});
		});
		</script>
	</body>
</html>
